<template>
  <div>
    <div class="layout-box">
      <div class="layout-box-header">
        <i class="icon-layout-box-title" />提示页（404）
      </div>
      <div class="layout-box-content" style="min-height: 500px;    position: relative;">
        <Error />
      </div>
    </div>
    <div class="layout-box">
      <div class="layout-box-header">
        <i class="icon-layout-box-title" />提示页（401）
      </div>
      <div class="layout-box-content" style="min-height: 500px">
        <Error401 />
      </div>
    </div>
    <div class="layout-box">
      <div class="layout-box-header">
        <i class="icon-layout-box-title" />提示页（针对没有数据）
      </div>
      <div class="layout-box-content">
        <div style="text-align: center">
          <img src="@/assets/image/index/ZWSJ.png" alt="">
          <div style="font-size: 16px; color: #999">暂无数据</div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import Error from '@/views/error/404.vue'
import Error401 from '@/views/error/401.vue'
export default {
  components: {
    Error,
    Error401
  },
  data() {
    return {}
  }
}
</script>
<style scoped>
</style>
